<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>表单标签</title>
	</head>
	<body>
		<!-- 
				表单标签：
				 1.表单域：form标签包含的区域
				 2.表单标签：输入input，选择select，文本域textarea
				 3.提示信息：span
				 -->
				 <form>
					 <!-- type:text 明文显示文本 -->
					 <!-- placeholder：占位符 -->
				 	<span>用户名：</span><input type="text" placeholder="请输入6~8个字符" />
					<br>
					<!-- type:password 密码显示 -->
					<span>密码：</span><input type="password" placeholder="请输入6~8个字符" />
					<br>
					<!-- 单选：type=radio, 必须赋相同的name才能实现单选-->
					<span>性别：</span><input type="radio" name="sex" /><span>男</span>
									<input type="radio" name="sex" /><span>女</span>
									<input type="radio" name="sex" /><span>其他</span>
					<br>
					<span>身份：</span><input type="radio" name="sf" /><span>教师</span>
									<input type="radio" name="sf" /><span>学生</span>
									<input type="radio" name="sf" /><span>行政人员</span>
					<br>
					<!-- 复选框：type="checkbox" -->
					<span>个性标签：</span><input type="checkbox" name="gxh" /><span>吃不胖</span>
										 <input type="checkbox" name="gxh" /><span>深夜emo</span>
									   	<input type="checkbox" name="gxh" /><span>网抑云</span>
					<br>
					<br />
					<span>上传文件：</span><input type="file" />   <!-- file:文件 -->
					<br />
					<span>日期选择：</span><input type="date" />   <!-- date:日期 -->
					<br />
					<!-- 普通按钮:button -->
					<input type="text" placeholder="请输入验证码" />
					<input type="button" value="点击发送验证码"/>    <!-- button：按钮-->  <!-- value：值 -->
					<br>
					<input type="reset" />    <!-- reset:重置 -->
					<input type="submit" value="注册" />     <!-- submit:提交 -->
					<br />
					<span>选课：</span>
					<select>     <!-- 选择 -->
						<option>大学英语</option>      <!-- 选项 -->
						<option>计算机网络</option>
						<option>高数</option>
					</select>
					<br>
					<span>描述：</span>
					<textarea></textarea>      <!-- 文本域 -->
		 		 </form> 
	</body>
</html>
